<template>
    <div class="fillcontain">
        <el-tabs type="border-card" v-model="activityPanel">
            <el-tab-pane label="基本信息">
                <el-row>
                    <el-button type="primary" @click="usercharge" size="mini">学生续费</el-button>
                    <el-button type="primary"@click="" size="mini">正式生转为->退费学生</el-button>
                    <el-button type="primary" size="mini">转为->不续学学生</el-button>
                    <el-button type="primary" size="mini">转为->暂停学生</el-button>
                    <el-button type="primary" size="mini" style="margin-top: 20px">转为->其他学生</el-button>
                </el-row>
                <table width="100%" cellspacing="0" cellpadding="0" class="jihongye_stuJiben_table">
                    <tbody>
                    <tr>
                        <td align="center" colspan="6" style="border-bottom:0px;background-color:#ebebeb">基础信息</td>
                    </tr>
                    <tr>
                        <td>姓名:</td>
                        <td>郑欣彤</td>
                        <td>年龄:</td>
                        <td>0岁</td>
                        <td>性别:</td>
                        <td>男</td>
                    </tr>
                    <tr>
                        <td>父亲:</td>
                        <td></td>
                        <td>电话:</td>
                        <td></td>
                        <td>就读学校:</td>
                        <td></td>
                    </tr>
                    <tr>
                        <td>母亲:</td>
                        <td></td>
                        <td>电话:</td>
                        <td>13561285644</td>
                        <td>家庭住址:</td>
                        <td></td>
                    </tr>
                    <tr>
                        <td>状态:</td>
                        <td>正式学生</td>
                        <td>老师<br>顾问:</td>
                        <td>雨菲/雨菲</td>
                        <td>校区:</td>
                        <td>东阿银座校区</td>
                    </tr>
                    <tr>
                        <td align="center" colspan="6" style="border-bottom:0px;background-color:#ebebeb">课时信息</td>
                    </tr>
                    <tr>
                        <td>上课时段:</td>
                        <td colspan="2">周六上午8：00</td>
                        <td>上课科目</td>
                        <td colspan="2"></td>
                    </tr>
                    <tr>
                        <td>试课日期:</td>
                        <td colspan="2"></td>
                        <td>正式上课:</td>
                        <td colspan="2">2018-02-02</td>
                    </tr>
                    <tr>
                        <td colspan="4">课时单价：47.90元&nbsp;&nbsp;每周课次：1课&nbsp;&nbsp;积分:2299</td>
                        <td>截止日期</td>
                        <td>2018-12-28</td>
                    </tr>
                    <tr>
                        <td align="center" colspan="6" style="border-bottom:0px;background-color:#ebebeb">资金课次汇总信息</td>
                    </tr>
                    <tr>
                        <td colspan="6">历史交费总次数:1次&nbsp;&nbsp;历史交费总课数:48节&nbsp;&nbsp;历史交费总钱数:2,299.00元<br>余课:48节&nbsp;&nbsp;余钱:2,299.00元
                        </td>
                    </tr>
                    </tbody>
                </table>
            </el-tab-pane>
        </el-tabs>
    </div>
</template>
<script>
    import {mapActions, mapState, mapGetters} from 'vuex'
    import headTop from '../components/headTop'
    import addStudent from '../page/addStudent'
    import userList from '../page/userList.vue'
    import feeprint from '../page/feeprint.vue'
    import updateStudent from '../page/updateStudent.vue'
    import {getUserList, getUserCount} from '@/api/getData'

    export default {
        data() {
            return {
                activityPanel: '',
            }
        },
        components: {},
        created() {

        },
        methods: {
            xucharge(){

            },
            returncharge(){

            },
            noxu(){

            },
            stop(){

            },
            other(){

            }


        }
    }
</script>
